/*
  用户-自定义-css
  2019-01-10 19:15:03
*/
/*导航*/
body {
  /*background: red;*/
}

.none{ display: none}
* {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  outline: 0px;
}

.el-input-number.is-without-controls input.el-input__inner{
  text-align: left;
}

.c {
  clear: both;
}

.red {
  color: #c61515;
}
.green {
  color: #24960b;
}
.b {
  font-weight: bold
}

.price-font {
  color: #c61515;
  font-weight: bold;
}

.my-scroller {
  overflow-y: scroll;
}

.my-scroller::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  background-color: #F5F5F5;
}

.my-scroller::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

.my-scroller::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #888888;
}

#main {
  min-width: 1220px;
  min-height: 800px;
  background: #FFF;
}


#left-menu {
  text-align: left;
}

#login-page {
  background-size: 100% auto;
}



#login-page.style-6 {
  background: url("img/login_bg.jpg") center center;
}

#login-page .login-title {
  width: 500px;
  font-size: 28px;
  margin: 0px auto;
  text-align: center;
  position: relative;
  top: 15%;
  color: #EFEFEF;
}

#login-page .login-form {
  width: 400px;
  background: #FFFFFF;
  margin: 0px auto;
  position: relative;
  top: 20%;
  border-radius: 10px;
  -moz-box-shadow: 0px 5px 15px #878787;
  -webkit-box-shadow: 0px 5px 15px #878787;
  box-shadow: 0px 5px 15px #878787;
  padding-top: 40px;
  padding-bottom: 20px;
}

#login-page .verify-img {
  position: relative;
  height: 25px;
  width: 65px;
  top: 8px;
  left: 10px;
  cursor: pointer;
}

.avatar-uploader .avatar-uploader-icon {
  font-size: 24px;
  color: #8c939d;
  width: 78px;
  height: 78px;
  line-height: 78px;
  text-align: center;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}


div.el-upload--picture-card {
  height: 78px;
  line-height: 88px;
  width: 78px;
}

.el-upload-list--picture-card li.el-upload-list__item {
  height: 78px;
  line-height: 88px;
  width: 78px;
}


/* 高德地图坐标选择 */
#my-amap-page {
  background: #f1f1f1;
  position: relative;
  height: 550px;
  padding-top: 160px
}

#my-amap-page > #container {
  padding: 0px;
  margin: 0px;
  width: 1700px;
  height: 550px;
  user-select: none
}

#my-amap-page > #search-input {
  position: absolute;
  width: 100%;
  top: 0px;
  z-index: 99;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgba(255, 255, 255, .8);
  text-indent: 5px;
}

#my-amap-page > #search-input > .item {
  width: 100%;
  display: flex;
  min-height: 30px;
  margin-top: 5px;
}

#my-amap-page > #search-input > .item > .title {
  width: 25%;
  float: left;
  text-align: right;
  line-height: 30px;
}

#my-amap-page > #search-input > .item > .value {
  width: 75%;
  float: left;
  text-align: left;
  line-height: 30px;
}

#my-amap-page > #search-input > .item > .button {
  width: 20%;
  float: left;
  text-align: center;
}

#my-amap-page > #search-input > .item > .button > .el-button {
  position: relative;
  top: 3px;
}

#my-amap-page > #search-input > .item > .input {
  width: 55%;
  position: relative;
}

#my-amap-page > #search-input > .item > .input > #tipinput {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-indent: 5px;
}

#my-amap-page > #search-input > .item > #search-result {
  width: 100%;
  float: left;
  text-indent: 5px;
  min-height: 30px;
  line-height: 30px;
  padding-top: 5px;
}

#my-amap-page .mark-icon {
  user-select: none;
  background-size: 100% auto;
  width: 100px;
  height: 80px;
  position: absolute;
  z-index: 999;
  text-align: center;
  top: 390px;
  left: 795px;
}

#my-amap-page .mark-icon > .icon {
  height: 50px;
  width: 30px;
}

#my-amap-page .mark-icon > .info {
  color: #888888
}


.el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label {
  font-size: 12px;
}

.nav-buttons {
  height: 25px;
  line-height: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

.nav-buttons > .button {
  display: inline-block;
  background: #EEEEEE;
  border-radius: 3px;
  float: left;
  margin-left: 3px;
  padding: 3px 10px;
  cursor: pointer
}

.nav-buttons > .button.created-user {
  position: absolute;
  z-index: 999;
  right: 0px;
  top: 3px;
}

.nav-buttons > .button.curr {
  display: inline-block;
  background: #c21a1a;
  color: #FFFFFF;
}

#shop-detail-dialog .shop-table {
  margin-top: 10px;
}

#shop-detail-dialog .shop-table > .item-1 {
  width: 100%;
  min-height: 30px;
  line-height: 30px;
}

#shop-detail-dialog .shop-table > .item-1 > .title {
  width: 10%;
  float: left;
  text-align: right;
  padding-right: 5px;
}

#shop-detail-dialog .shop-table > .item-1 > .value {
  width: 362px;
  float: left;
  overflow-x: hidden
}

#shop-detail-dialog .shop-table > .item-1 > .value .el-image {
  border: 1px #f1f1f1 solid;
  margin-top: 2px;
  margin-left: 2px;
  border-radius: 3px;
}

#shop-detail-dialog .shop-table > .item-1 > .value .full-minus-price-item {
  display: inline-block;
  padding: 0px 5px;
  height: 20px;
  line-height: 20px;
  background: #EEEEEE;
  color: #333333;
  border-radius: 3px;
}


.ovd_s {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 63%;
  height: 30px;
  line-height: 30px;
  margin: 0px;
  padding: 0px;
}

.c {
  clear: both
}


#product-specifications-box {
  width: 550px;
  text-align: left;
}

#product-specifications-box > .content > .row {
  height: 30px;
  line-height: 30px;
  float: left;
  border: 1px solid #EEEEEE;
  margin-top: -1px
}

#product-specifications-box > .content > .row:nth-child(even) {
  background: #f1f1f1
}

#product-specifications-box > .content > .row .el-input {
  width: 120px;
  display: inline-block;
  height: 19px;
  line-height: 19px;
  text-indent: 5px;
}

#product-specifications-box > .content > .row > .left {
  width: 150px;
  background: none;
  float: left;
  height: 25px;
  text-indent: 5px;
}

#product-specifications-box > .content > .row > .right {
  width: 250px;
  background: none;
  float: left;
  height: 25px;
}

#product-specifications-box > .content > .row > .left .el-input {
  width: 80px;
}

#product-specifications-box > .content > .row > .right .el-input {
  width: 230px;
}

#product-specifications-box > .content > .row > .act {
  width: 90px;
  text-align: center;
  float: left
}

#product-specifications-box > .content > .row button {
  padding: 2px 15px;
  position: relative;
  top: 0px;
  cursor: pointer;
}

#product-specifications-box > .content > .row button:hover {
  opacity: 0.9
}

#product-specifications-box > .content > .row > .item {
  width: 50%;
  float: left;
}

#product-specifications-box > .tip-box {
  color: #e19630;
  border: 1px solid #cb9564;
  background: #fff6ed;
  padding: 5px;
  line-height: 18px;
  font-size: 12px;
  width: 480px;
  margin-top: 10px;
}



#choose-stock-box {
  width: 500px;
}

#choose-stock-box > .row {
  min-height: 20px;
  line-height: 20px;
  float: left;
  width: 500px;
  margin-top: 5px;
}

#choose-stock-box > .row > .name {
  width: 40px;
  float: left;
  line-height: 22px;
  text-align: right;
}

#choose-stock-box > .row > .list {
  width: 400px;
  float: left;
  margin-left: 10px
}

#choose-stock-box > .row > .list > .item {
  float: left;
  padding: 2px 10px;
  background: #fad9d9;
  color: #333333;
  margin-left: 2px;
  margin-top: 1px;
  border-radius: 5px;
  cursor: pointer;
}

#choose-stock-box > .row > .list > .item.disable {
  opacity: .3
}

/*#choose-stock-box>.row>.list>.item{opacity: .5}*/
#choose-stock-box > .row > .list > .item.curr {
  background: #c95555;
  color: #FFFFFF
}


.productData {
  display: inline-block;
  max-width: 90%;
  height: 25px;
  line-height: 25px;
}

.productData > .item {
  height: 25px;
  line-height: 25px;
  display: inline-block;
  padding: 0 5px;
  background: #dedede;
  color: #212121;
  border-radius: 3px;
  margin-left: 3px;
}


.custom-table {
}

.custom-table .row {
  min-height: 25px;
  line-height: 25px;
  width: 100%;
  float: left;
}

.custom-table .row > .left {
  width: 145px;
  float: left;
  text-align: right;
  padding-right: 5px;
}

.custom-table .row > .right {
  width: 850px;
  float: left;
  text-align: left;
}

.custom-table.custom-table-2 .row {
  width: 550px;
}

.custom-table.custom-table-2 .row > .left {
  width: 145px;
  text-align: right;
  color: #AAAAAA
}

.custom-table.custom-table-2 .row > .right {
  width: 400px;
}

.custom-table.custom-table-3 .row {
  width: 825px;
}

.custom-table.custom-table-3 .row > .left {
  width: 155px;
  text-align: right;
  color: #AAAAAA
}

.custom-table.custom-table-3 .row > .right {
  width: 660px;
}

.custom-table.custom-table-4 .row {
  width: 400px;
}

.custom-table.custom-table-4 .row > .left {
  width: 145px;
  text-align: right;
  color: #AAAAAA
}

.custom-table.custom-table-4 .row > .right {
  width: 250px;
}


.table-address-detail {
  width: 265px;
}

.table-address-detail > span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
  height: 25px
}


.express-table-item {
  width: 430px;
  height: 55px;
}

.express-table-item > .sender-box, .express-table-item > .receiver-box {
  width: 150px;
  float: left;
  height: 55px;
}

.express-table-item > .sender-box > .city-name, .express-table-item > .receiver-box > .city-name {
  line-height: 25px;
  height: 25px;
  font-size: 16px;
  font-weight: bold;
}

.express-table-item > .sender-box > .real-name, .express-table-item > .receiver-box > .real-name {
  line-height: 20px;
  height: 20px;
  font-size: 12px;
  color: #c2c2c2;
}

.express-table-item > .status-box {
  width: 130px;
  float: left;
  height: 55px;
}

.express-table-item > .status-box > .status-icon {
  width: 100px;
  height: 20px;
  position: relative;
  top: 2px;
  background: url("img/express-status-0.png") no-repeat;
  background-size: 85% auto;
  background-position: 100% center;
}

.express-table-item > .status-box > .status-icon.status-1 {
  background-image: url("img/express-status-1.png");
}

.express-table-item > .status-box > .status-icon.status-2 {
  background-image: url("img/express-status-2.png");
}

.express-table-item > .status-box > .status-icon.status-3 {
  background-image: url("img/express-status-3.png");
}

.express-table-item > .status-box > .status-name {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  height: 18px;
  position: relative;
  top: -1px;
}

.express-table-item > .status-box > .status-time {
  font-size: 12px;
  color: #c2c2c2;
  height: 18px;
  position: relative;
  top: -1px;
}


.order-apply-timeline {
}

.order-apply-timeline .el-timeline-item__node--normal {
  left: 59px
}

.order-apply-timeline .el-timeline-item__tail {
  left: 64px
}

.order-apply-timeline .el-timeline-item__wrapper {
  left: 60px
}

.order-apply-timeline .el-timeline-item__timestamp {
  text-align: right
}

.order-apply-timeline .el-timeline-item__wrapper .tag-name {
  font-size: 13px;
  font-weight: bold;
  color: #000000
}

.order-apply-timeline .el-timeline-item__wrapper .content {
  color: #555555;
  font-size: 12px;
  padding: 5px;
  background: #f1f1f1;
  position: relative;
  top: 3px;
  border-radius: 4px;
}


#order-expresss-box .type-list {
  margin-top: 10px;
}

#order-expresss-box .type-list > .item {
  height: 25px;
  line-height: 25px;
  display: flex;
  width: 100%;
  margin-top: 3px;
  cursor: pointer;
}

#order-expresss-box .type-list > .item > .name {
  width: 150px;
  text-align: right;
  padding-right: 5px;
}

#order-expresss-box .type-list > .item > .value {
  flex: 1
}

#order-expresss-box .type-list > .item > .value > span {
  display: inline-block;
  padding: 0px 5px;
  background: #EEEEEE;
  border-radius: 3px;
}

#order-expresss-box .type-list > .item > .value > span.curr {
  background: #f6caae;
  color: #b23535
}


#shop-chat-list {
  margin-top: 0px;
  background: #FFFFFF;
  width: 350px;
  min-height: 500px;
  max-height: 790px;
  margin-left: 5px;
  border: 1px solid #f5f5f5;
  float: left;
  overflow: auto;
}

#shop-chat-list > .title {
  height: 40px;
  line-height: 40px;
  background: #f8f8f8;
  font-size: 14px;
}

#shop-chat-list > .item {
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
  margin: 0px auto;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px
}

#shop-chat-list > .item.curr {
  background: #fff6ed;
}

#shop-chat-list > .item:last-child {
  border: none;
}

#shop-chat-list > .item > .logo-box {
  width: 60px;
  height: 60px;
}

#shop-chat-list > .item > .logo-box > img {
  width: 56px;
  height: 56px;
  padding: 2px;
  border-radius: 5px;
}

#shop-chat-list > .item > .info-box {
  flex: 1;
  line-height: 30px;
}

#shop-chat-list > .item > .info-box > .row1 {
  display: flex;
}

#shop-chat-list > .item > .info-box > .row1 > .shop-name {
  font-weight: bold;
  font-size: 14px;
  flex: 1;
  text-align: left
}

#shop-chat-list > .item > .info-box > .row1 > .last-time {
  color: #888888;
  font-size: 13px;
  flex: 1;
  text-align: right;
  padding-right: 5px;
}

#shop-chat-list > .item > .info-box > .row2 {
  width: 100%;
}

#shop-chat-list > .item > .info-box > .row2 > .last-message {
  width: 210px;
  float: left;
  color: #AAAAAA;
  text-align: left;
  height: 25px;
  line-height: 25px;
}

#shop-chat-list > .item > .info-box > .row2 > .un-read-nums {
  float: right;
  width: 50px;
  text-align: right;
  padding-right: 5px;
}

#shop-chat-list > .item > .info-box > .row2 > .un-read-nums > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #f11818;
  text-align: center;
  color: #FFFFFF;
  line-height: 20px;
  border-radius: 50%
}


#chat-box {
  background: #f1f1f1;
  width: 1300px;
  height: 790px;
  position: relative;
  float: left;
  margin-left: 5px;
  padding-top: 40px;
}

#chat-box > .chat-title {
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f8f8f8;
  width: 100%;
  position: absolute;
  z-index: 999;
  top: 0px;
}

#chat-box > #content-wapper {
  overflow-x: hidden;
  overflow-y: auto;
  background: #fcf2ef;
}

#chat-box > #content-wapper > #content{
  margin-bottom: 55px;
}

#chat-box > #content-wapper > #content > .item {
  padding-top: 5px;
  padding-bottom: 5px
}

#chat-box > #content-wapper > #content > .item > .item-content {
  width: 95%;
  margin: 0px auto;
}

#chat-box > #content-wapper > #content > .item > .item-content > .icon {
  width: 50px;
  min-height: 50px;
  float: left;
}

#chat-box > #content-wapper > #content > .item > .item-content > .icon > .img {
  width: 40px;
  height: 40px;
  margin: 5px;
  border-radius: 5px;
  background-size: 100% 100%;
}

#chat-box > #content-wapper > #content > .item > .item-content > .message {
  min-height: 25px;
  line-height: 25px;
  background: #FFFFFF;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  float: left;
  max-width: 90%;
}


#chat-box > #content-wapper > #content > .item >  .time{
  height: 30px;
  line-height: 30px;
}
#chat-box > #content-wapper > #content > .item > .time>span{
  display: inline-block;
  background: #EEEEEE;
  line-height: 25px;
  height: 25px;
  border-radius: 5px;
  padding: 0px 5px;
  color: #555555;
}
#chat-box > #content-wapper > #content > .item > .item-content > .message>i{ position: absolute; right: -3px; top: -2px; z-index: 9; font-size: 13px; color: #b74a4a; display: none;}
#chat-box > #content-wapper > #content > .item > .item-content > .message.curr>i{display: inline;}
#chat-box > #content-wapper > #content > .item > .item-content > .message {
  position: relative;
}



#chat-box > #content-wapper > #content > .item > .item-content.me > .message {
  background: #5ed04e;
  float: right;
}
#chat-box > #content-wapper > #content > .item > .item-content.me > .icon{
  float: right;
}

#chat-box > #content-wapper > #content > .item > .item-content > .message > .text {
  min-height: 25px;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
}

#chat-box > #content-wapper > #content > .item > .item-content > .message > .text > img {
  max-width: 50px;
  padding: 2px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
}

#chat-box > #content-wapper > #content > .item > .item-content > .message > .time {
  min-height: 25px;
  text-align: right;
  color: #777777;
}

#chat-box > #bottom-box {
  position: absolute;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #FFFFFF;
  bottom: 0px;
  display: flex
}

#chat-box > #bottom-box > .image-upload-box {
  width: 45px;
  color: #888888
}

#chat-box > #bottom-box > .image-upload-box i.upload-icon {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 10%;
  background: #f1f1f1;
  text-align: center;
  line-height: 35px;
  font-size: 22px;
  position: relative;
  top: 3px;
  left: 1px;
}

#chat-box > #bottom-box > .icon-box > i {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 10%;
  background: #f1f1f1;
  text-align: center;
  line-height: 35px;
  font-size: 22px;
  position: relative;
  top: 3px;
  left: 5px;
}

#chat-box > #bottom-box > .icon-box {
  width: 45px;
}

#chat-box > #bottom-box > .input-box {
  flex: 1
}

#chat-box > #bottom-box > .submit-box {
  width: 70px;
  text-align: center;
}

.invoice-file-uploader {
  /*height: 28px;*/
  /*line-height: 28px;*/
  padding: 0px 0px;
  background: #409EFF;
  position: relative;
  top: 1px;
  border-color: #66b1ff;
  color: #FFF;
  display: inline-block;
  border-radius: 3px;
}


#main main.el-main {
  background-color: #FFFFFF;
  color: #333;
  text-align: center;
  padding: 0px;
}

.el-header {
  background-color: #2f8ae3;
  text-align: right;
  padding: 0px;
}

#main aside.el-aside {
  background-color: #FFFFFF;
  color: #FFFFFF;
  text-align: center;
  overflow-y: scroll;
  overflow-x: hidden;
}

.el-footer {
  height: 40px;
  line-height: 40px;
  background: #111111;
  text-align: center;
}

.el-footer .copyright {
  font-size: 13px;
  color: #888888;
}

.el-message {
  top: 10px;
  min-width: 100px;
  padding-top: 7px;
  padding-bottom: 7px;
  -moz-box-shadow: -1px 1px 10px #BBBBBB;
  -webkit-box-shadow: -1px 1px 10px #EEEEEE;
  box-shadow: -1px 1px 10px #CCCCCC;
}

.el-message--error .el-message__content {
  font-size: 13px;
}


#left-menu {
  background: none;
}

#left-menu .el-menu {
  border-right: 0px;
}

#left-menu .el-submenu {
  border-top: 1px solid #FFFFFF;
}

#left-menu .el-submenu:last-child {
  border-bottom: 1px solid #dedede;
}

/*一级菜单*/
#left-menu .el-submenu__title {
  background-color: #2f8ae3;
  height: 37px;
  line-height: 35px;
  font-size: 12px;
}

#left-menu .el-submenu__title span{
  color: #FFFFFF;
}

#left-menu .el-submenu__title:hover {
  background-color: #8abce1;
}

#left-menu .el-submenu__title:active {
  opacity: 0.98;
}

#left-menu .el-menu-item {
  height: 40px;
  line-height: 35px;
  font-size: 12px;
}

/*二级菜单*/
#left-menu .el-submenu .el-menu-item {
  height: 38px;
  line-height: 35px;
  background: #f1f1f1;
  border-bottom: 1px solid #dedede;
  color: #333333;
}

.el-submenu i[class^=el-icon-]{
  color: #FFFFFF;
}

.el-submenu .el-menu-item.is-active i[class^=el-icon-]{
  color: #333333;
}

#left-menu .el-submenu .el-menu-item.is-active{
  background: #a4d3f5;
}

.el-submenu .el-menu-item i[class^=el-icon-]{
  color: #333333;
}

.el-submenu li.el-menu-item{
  color: #333333;
}

#left-menu .el-submenu .el-menu-item:hover {
  background: #8abce1;
}

#left-menu .el-submenu .el-menu-item:active {
  opacity: 0.98;
}

#left-menu .logo-box {
  width: 100%;
  height: 75px;
  text-align: center;
}

#left-menu .logo-box img {
  width: 85%;
  display: inline-block;
  margin-top: 7%;
  cursor: pointer;
}

#left-menu .logo-box img:active {
  opacity: 0.8;
}



.supplier-search-header{ width: 1680px; background: #f5f5f5; padding-top: 2px; padding-bottom: 2px; padding-left: 5px;}
.supplier-search-header>.left{ float: left; width: 800px; height: 120px;}
.supplier-search-header>.right{ float: right;width: 800px;  height: 120px;}
.supplier-search-input-box{ width: 1680px; height: 40px; line-height: 40px; text-align: left; text-indent: 10px;}

.supplier-product-box{ width: 200px; height: 270px; border: 1px solid #f1f1f1; border-radius: 5px; float: left; margin: 3px; position: relative;}
.supplier-product-box>img{ width: 194px; height: 194px; padding: 1px; margin: 2px;}
.supplier-product-box>.product-name,.supplier-product-box>.product-price,.supplier-product-box>.product-model{ line-height: 20px; height: 20px; text-align: left; text-indent: 5px;}
.supplier-product-box>.product-name{ color: #000000; font-size: 14px; font-weight: bold}
.supplier-product-box>.product-name>span{ display: inline-block; max-width: 90%;}
.supplier-product-box>.product-price{ font-size: 14px; display: flex; line-height: 20px;}
.supplier-product-box>.product-price>span{ flex: 1; text-align: left;font-weight: bold}
.supplier-product-box>.product-price>span.price{ color: #bb1515; }
.supplier-product-box>.product-price>span.supplier-name{ cursor: pointer; color: #1E9FFF; text-align: right; padding-right: 5px;}
.supplier-product-box>.product-model{ font-size: 12px; color: #888888; display: flex; height: 30px; line-height: 30px;}
.supplier-product-box>.product-model>.model{ flex: 2;text-indent: 5px;line-height: 20px;}
.supplier-product-box>.product-model>.add-cart{ flex: 1; line-height: 20px;}
.supplier-product-box>.product-model>.add-cart .el-button{ height: 22px; padding: 0px 5px; position: relative; right: 3px; }

.supplier-search-product-result{ width: 1680px}

.supplier-box{}
.supplier-box>.logo{ width: 75px; height: 75px; float: left;}
.supplier-box>.logo>img{ width: 71px; height: 71px; border: 1px solid #CCCCCC; margin: 2px; border-radius: 4px;}
.supplier-box>.right-info{ line-height: 25px;float: left; text-align: left;}
.supplier-box>.right-info>.line1{ text-align: left; text-indent: 0px;}
.supplier-box>.right-info>.line1>span{ display: inline-block;}
.supplier-box>.right-info>.line1>.name{ font-size: 14px; margin-left: 10px;}
.supplier-box>.right-info>.line1>.is-same-city-send-tag{ background: #3b97ea; color: #FFFFFF; padding: 0px 5px; border-radius: 3px;}
.supplier-box>.right-info>.line1>.chat-button{ background: #f68945; color: #FFFFFF; padding: 0px 5px; border-radius: 3px; display: inline-block; float: right;  cursor: pointer;}
.supplier-box>.right-info>.line2>.item{ display: inline-block; padding: 0px 10px;}
.supplier-box>.right-info>.line3{ text-indent: 10px; line-height: 30px; height: 30px; position: relative; top: -10px}
.supplier-box>.right-info>.line3>.address-detail{ position: relative; top: 9px;}



#cart-page{padding-bottom: 10px; padding-top: 0px; height: 780px; overflow: auto}
#cart-page>.page-title{ position: fixed;z-index: 999;top: 0px; width: 100%;}
#cart-page .slected-buynow-button{ position: absolute; right: 8px; top: 8px;}
#cart-page .one-shop-box{ width: 100%; margin: 0px auto; box-sizing: border-box; border: 1px solid #f1f1f1; border-top: 5px solid #f1f1f1; }
#cart-page .product-list{background: #FFFFFF}
#cart-page .product-list>.item{ width: 95%; margin: 0px auto; height: 77px; float: left;}
#cart-page .product-list>.item:nth-child(1){ margin-top: 0px;}
#cart-page .product-list>.item>.left{ float: left; width: 10%; text-align: center;}
#cart-page .product-list>.item>.left{ line-height: 75px;}
#cart-page .product-list>.item>.right{ width: 90%; float: left; padding-top: 5px;}
#cart-page .product-list>.item>.right>.right-product-image{ width: 68px; height: 68px; float: left;}
#cart-page .product-list>.item>.right>.right-product-image>img{  width: 62px; height: 62px; padding: 2px; border: 1px solid #EEEEEE; margin: 0px auto;}
#cart-page .product-list>.item>.right>.right-product-other{ width: 400px; float: left;position: relative; height: 70px; margin-left: 5px}
#cart-page .product-list>.item>.right>.right-product-other>.product-name{font-size: 14px; font-weight: bold; width: 80%; min-height: 20px;line-height: 20px;}
#cart-page .product-list>.item>.right>.right-product-other>.product-name>span{ display: inline-block; max-width: 90%;}
#cart-page .product-list>.item>.right>.right-product-other>.product-model{ margin-top: 2px; font-size: 12px; display: inline-block; background: #f1f1f1; padding: 2px 10px; border-radius: 3px;}
#cart-page .product-list>.item>.right>.right-product-other>.product-model>span{ color: #333333;}
#cart-page .product-list>.item>.right>.right-product-other>.product-del-button{ display: inline-block;position: absolute; top: 0px; right: -16px; height: 18px; width: 18px;}
#cart-page .product-list>.item>.right>.right-product-other>.product-del-button>i{ font-size: 16px; color: #AAAAAA}
#cart-page .product-list>.item>.right>.right-product-other>.product-price{display: flex; margin-top: 0px; line-height: 20px; position: relative}
#cart-page .product-list>.item>.right>.right-product-other>.product-price>.price{flex: 1; font-size: 14px; font-weight: bold; position: relative; top: 2px}
#cart-page .product-list>.item>.right>.right-product-other>.product-price>.nums{ flex: 1; position: relative; top: -8px}

#cart-page .shop-box{ height: 35px;width: 100%; background: #f1f1f1; margin: 0px; position: relative;}
#cart-page .shop-box>.check-box{ width: 50px; height: 30px;float: left; line-height: 30px; text-align: center}
#cart-page .shop-box>.shop-logo{ width: 30px; height: 30px; float: left; margin-left: 2px;}
#cart-page .shop-box>.shop-logo>img{ width: 100%;}
#cart-page .shop-box>.shop-name{ width: 200px; line-height: 30px; height: 30px; text-align: left; text-indent: 12px; font-size: 14px; font-weight: bold; float: left;}
#cart-page .shop-box>.el-icon-delete-solid{ font-size: 16px; color: #AAAAAA; position: absolute; right: 17px; top: 5px;}


#order-dialog .title-bar{ background: #E0E0E0; color: #333333; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 30px; line-height: 30px; text-indent: 20px;}
#order-dialog .order-product-list>div.product-item:nth-child(1){ margin-top: 0px;}
.total-line{ text-align: right; padding-right: 5px; width: 100%; line-height: 25px;}

.el-input-number.my-input .el-input__inner{ text-align: left;}

/* 聊天消息中商品查看 */
.message-product{width: 200px;}
.message-product-name{width:auto;font-size:16px; font-weight:bold;height: 30px; line-height: 30px; max-width: 90%;}
.message-product-image{}
.message-product-image img{ width: 99%;}
.message-product-model{ height: 25px; line-height: 25px;max-width: 95%;width:auto;}
.message-product-price{ height: 25px; line-height: 25px;}
